Ext.define('ProjectAON.view.zelfBekijken.Scherm23', {
    extend:'Ext.panel.Panel',
    alias:'widget.scherm23',

    title:'scherm23',

    initComponent:function () {
        var klassen = [],
            klasArray = [],
            klasStore = Ext.StoreMgr.lookup("Klas"),
            leerlingStore = Ext.StoreMgr.lookup("Leerling"),
            leerlingArray = [],
            i = 0,
            j = 0;
        klasStore.each(function(model){
            klasArray[i]=(model.data);
            i++;
        });
        leerlingStore.each(function(model){
            leerlingArray[j]=(model.data);
            console.log(model.data.klas);
            j++;
        });
        for(var i=0; i<klasArray.length;i++) {
            var leerlingen=[];
            for(var j=0; j<leerlingArray.length;j++) {
                if (klasArray[i].id == leerlingArray[j].klas) {
                    leerlingen.push({
                        xtype:'grid',
                        collapsed:true,
                        collapsible:true,
                        title:leerlingArray[j].naam,
                        titleCollapse:true,
                        cls:'colPanel',
                        hideHeaders:true,
                        columns:[
                            {dataIndex:'peerevaluatie', flex:2 }
                        ],
                        store:'ZelfEvaluatiesKlas',
                        action:'scherm24'
                    });
                };
            };
            if (leerlingen.length != 0) {
                klassen.push({
                    xtype:'panel',
                    collapsed:true,
                    collapsible:true,
                    flex:2,
                    title:klasArray[i].afkorting,
                    titleCollapse:true,
                    cls:'gridPanel',
                    collapseMode:'header',
                    items:leerlingen
                });
            }
        }

        Ext.applyIf(this, {
            layout:'border',
            items:[
                {
                    region:'center',
                    xtype:'panel',
                    autoScroll:true,
                    items:[
                        {
                            xtype:'panel',
                            layout:{
                                align:'stretch'
                            },
                            autoScroll:'true',
                            animCollapse:false,
                            region:'center',
                            items:klassen
                        }
                    ]
                },
                {
                    region:'north',
                    resizable:false,
                    items:[
                        {
                            xtype:'button',
                            text:'Terug',
                            icon:'http://whatisextjs.com/BAHO/icons/page_back.png',
                            action:'back'
                        }
                    ]
                }
            ]
        });
        this.callParent(arguments);
    }


});